<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/base.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
        crossorigin="anonymous">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <script src="../jquery/jquery.min.js"></script>


</head>

<body>
    <div class="mi-login">
        <div class="mi-login-left clear">
        </div>
        <div class="mi-login-right">
            <div class="mi-lr-header">
                <nav class="navbar navbar-expand-lg navbar-light">
                    <div class="container-fluid">
                        <a class="navbar-brand" href="#">
                            <img src="https://img.youpin.mi-img.com/jianyu/52ec26cccb4d945aa4bacac4ec7c4622.png?w=126&h=126"
                                alt="" width="30" height="24" class="d-inline-block align-text-top">
                            小米账号
                        </a>

                        <div class="collapse navbar-collapse " id="navbarSupportedContent">
                            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                                <li class="nav-item">
                                    <a class="nav-link active" aria-current="page" href="#">用户协议</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#">隐私政策</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#">帮助中心</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#">|</a>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                                        data-bs-toggle="dropdown" aria-expanded="false">
                                        中文（简体）
                                    </a>
                                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                        <li><a class="dropdown-item" href="#">中文（繁体）</a></li>
                                        <li><a class="dropdown-item" href="#">English</a></li>


                                    </ul>
                                </li>

                            </ul>

                        </div>
                    </div>
                </nav>


            </div>
            <div class="mi-lr-content">
                <div class="login">
                    <div class="ma">
                        <div class="aa"><i class="iconfont icon-ico"></i></div>
                    </div>
                    <div class="saoma">
                        <div class="tip">
                            扫码登陆
                        </div>
                    </div>


                    <div class="nav">
                        <div class="active"><a href="./login.html">登录</a></div>
                        <div><a href="./regist.html">注册</a></div>
                    </div>
                    <form action="" class="form">
                        <ul>
                            <li>
                                <!-- 用户名 -->
                                <input type="text" id="username" class="form-control" required>
                                <label for="username">用户名</label>
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-user"></span>
                                </span>
                            </li>
                            <li>
                                <!-- 密码 -->
                                <input type="password" id="pass" class="form-control" required>
                                <label for="pass">密码</label>
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-eye-open"></span>
                                </span>
                            </li>
                            <li>
                                <button type="submit" name="submit" class="logn">登录</button>
                            </li>
                            <div class="forget">
                                <a href="">忘记密码?</a>
                                <a href="">手机号登录</a>
                            </div>

                            <div class="other">其他方式登录</div>
                            <div class="anotherLogo">
                                <i class="iconfont icon-zhifubao" style="color: blue;"></i>
                                <i class="iconfont icon-weixin" style="color: green;"></i>
                                <i class="iconfont icon-QQ-circle-fill" style="color: blue;"></i>
                                <i class="iconfont icon-weibo" style="color: red;"></i>
                                
                            </div>
                        </ul>
                    </form>


                </div>


            </div>
            <div class="mi-lr-copyright">
                小米公司版权所有-京ICP备10046444-<a
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134" target="_blank"
                    rel="noopener noreferrer">京公网安备11010802020134号</a>-京ICP证110507号
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
        crossorigin="anonymous"></script>
        <script src="../js/login.js"></script>
        
</body>

</html>